<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>会议下载</title>
    <style>
        body,html{
            margin:0;
            padding:0;
            height:100%;
            font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
        }
        .first{
            padding: 20px 50px 10px;
            text-align: center;
            margin: 0;
        }
        .first img{
            /* width: 100px; */
            height: 100px;
        }
        .div{
            margin:0 auto;
            margin-left: 50px;
            font-size: 15px;
            color: #666666;
        }
        .div p{
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .last{
            margin-right: 50px;
        }
        a{
            text-decoration: none;
        }
        a.download{
            display: block;
            padding:8px 12px;
            widows: 100px;
            height:auto;
            text-align: center;
            color: #fff;
            background-color: #409eff;
            border-color: #409eff;
            border-radius: 5px;
        }
        .right{
            margin-left: 60px;
        }
        form .email{
            height: 20px;
        }
        form .send{
            width: 80px;
            outline:none;
            border: 1px solid #666666;
            padding: 5px 5px;
        }
        #select{
            margin-left: 10px;
            margin-top: 25px;
        }
        body{
            position:relative; 
        }
        #notice{
            opacity :0.8;
            width:100%;
            height: 100%;
            display:none;
            position:absolute;
            top:-16px;
            right:0;
            height: 100%;
            color: #fff;
            background: #666;
        }
        #notice div{
            text-align: right;
            padding-right:20px;
        }
        #notice img{
            margin-top: 20px;
        }
        #notice p{
            margin-top: 25px;
            text-align:center;
        }
    </style>
</head>

<body>
    <p class="first"><img src="__STATIC__/img/bkrs.png" alt=""></p>
    <div class="div"> 
        <p><span>转写名称：</span>{$data['name']}</p>
        <p><span>转写时间：</span>{$data['time']}</p>
        <!-- <p><span>转写进度：</span>{$data['total_do']} / {$data['total']}</p> -->
        <!-- <p><span>音频总数：</span>{$data['total']}</p> -->
        <p><span>转写状态：</span>{$data['status']}</p>
        <form action="/huisheng_api/send_email">
            <input type="hidden" name="url" value="{$data['url']}">
            <input type="hidden" name="title" value="{$data['name']}">
            <input type="text" name="mail" value="" placeholder="请输入邮箱" class="email">
            <input type="submit" value="发送" class="send">
        </form>
        <!-- <p><span>修改地址：</span>www.baidu.com</p> -->
        <p><span>链接有效期：</span>两小时</p>
        <?php
        if($num['transition_state'] == 2):?>
        <p class="last"><a class="download" href="/huisheng_api/download_result/id/{$data['id']}">全部下载</a></p>
        <?php
        endif
        ?>
        <div id="select">
            <p>
                <a href="/huisheng_api/download_speech_or_content/id/{$data['id']}/type/mp3">转写音频</a>
                <a class="right" href="/huisheng_api/download_speech_or_content/id/{$data['id']}/type/docx">转写文本</a>
            </p>
        </div>
    </div>
    <div id="notice">
        <div>
            <img src="__STATIC__/img/arrow.png" alt="">
        </div>
        <p>点击右上角选择浏览器打开或<br/>复制链接并在浏览器中打开</p>
    </div>
</body>
<script>
    var browser = {
    versions: function () {
        var u = navigator.userAgent, app = navigator.appVersion;
        return {         //移动终端浏览器版本信息
            trident: u.indexOf('Trident') > -1, //IE内核
            presto: u.indexOf('Presto') > -1, //opera内核
            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
            iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
        };
    }(),
    language: (navigator.browserLanguage || navigator.language).toLowerCase()
};
if (browser.versions.mobile){
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
             document.getElementById('notice').style.display='block';
             document.getElementById('select').style.display='none';
        }
       
} 

</script>
</html>